﻿
@{
    ViewBag.Title = "WorkWithContent";
}

<h2>WorkWithContent</h2>

<input type="button" value="Replace" id="replace" />
<input type="button" value="Append" id="append" />
<input type="button" value="Prepend" id="prepend" />
<input type="button" value="AppendTo" id="appendto" />
<input type="button" value="PrependTo" id="prependto" />

<ul id="abc">
    <li>MVC 5</li>
</ul>

@section scripts{
    <script>
        $(function () {
            $("#replace").click(function () {
                $("#abc").html("<li>Replace</li>");
            });
            $("#append").click(function () {
                $("#abc").append("<li>Append</li>");
            });
            $("#appendto").click(function () {
                $("<li>Append</li>").appendTo("#abc");
            });
        });
    </script>
}